$colors: (
  color-main1: #ce6644,
  color-main2: #502BD8,
  color-main3: #aaeec4,
  color-primary: #222,
  color-primary2: #999,
  color-primary-light: #fff,
  color-light-weak: #7A7A7A,
  color-universal: #969696,

  color-line: #B7B7B7,
  color-line-dark: #656565,
  
  color-bg: #F8F8F8,
  color-bg2: #DEE0DC,
  color-post: #FFF,
  color-bg-hover: #E9E9E9,
  color-bg-dark: #222222,
  color-bg-dark2: #2c2c2c,
  color-bg-dark3: #323232,
  color-bg-button-hover: #383838,
  color-bg-button-hover-white: #f8f8f8,
  color-bg-light: #f3f3f3,
);

@mixin include-color ($name, $color) {
  --#{$name}: #{$color};
}

:root[theme="dark"] {
  @each $name, $color in $colors {
    @include include-color($name, $color);
  }
}